<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../layui/jquery-3.2.1.min.js"></script>
    <script src="../layui/jquery.query.js"></script>
    <script src="../layui/layui.js"></script>
    <link href="../layui/css/layui.css" rel="stylesheet">
    <script src="js/goods.js"></script>
</head>
<body>
<div class="layui-container">
    <h1 align="center">库存一览</h1>
    <form>
        <table class="layui-table">
            <thead>
            <tr><th>商品名称</th><th>类别</th><th>厂家</th><th>库存数量</th><th>操作</th></tr>
            </thead>
            <tbody id="GoodsData"></tbody>
        </table>
        <!--分页-->
        <div id="cutPageDiv"></div>
    </form>

    <fieldset style="width: 250px;height: 225px" >
        <legend>查询客户订单统计信息</legend>
        <form id="GoodData">
            <div>商品名称：<input type="text" class="layui-text" name="name" id="name"><br></div>
            <hr>
            <div>起始数量：<input type="text" class="layui-text" name="startNum" id="startNum"><br></div>
            <hr>
            <div>结束数量：<input type="text" class="layui-text" name="endNum" id="endNum"><br></div>
            <hr>
            类别：
            <select name="type">
                <option>不限</option>
                <option>电脑产品</option>
                <option>安防产品</option>
                <option>打印扫描设备</option>
                <option>办公耗材</option>
            </select><br>
            <hr>
            <a href="javascript:findByItem(1)" class="layui-btn layui-btn-sm layui-btn-normal" style="text-align: center"><i class="layui-icon layui-icon-search"></i>查询</a>
        </form>
    </fieldset>

    <!--商品详细信息-->
    <div id="productInfoDiv" class="layui-form" style="display: none">
        <div style="text-align: center;height: 100%;width: 100%;">
            <h2>商品详细信息</h2>
            <hr>
            <form id="ProductFormId" class="layui-form">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        商品图片：<img id="imgSpan" style="width: 200px;height: 300px"><br>
                        商品编号：<span id="goodsId"></span><br>
                        商品名称：<span id="goodsName"></span><br>
                        厂家：<span id="goodsFactory"></span><br>
                        类别：<span id="goodsType"></span>
                        库存数量：<span id="purchaseNum"></span><br>
                        建议采购价：<span id="purchasePrice"></span>
                        建议销售价：<span id="salePrice"></span>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!--修改销售价-->
    <div id="updatePriceDiv" class="layui-form" style="display: none;">
        <div style="text-align: center;height: 100%;width: 100%;">
            <h2>修改商品销售价</h2>
            <hr>
            <form id="updatePriceId" class="layui-form">
                <div class="layui-form-item">
                    <div class="layui-form">
                        图片：<img id="z" style="width: 200px;height: 300px"><br>
                        商品编号：<span id="c"></span><br>
                        商品名称：<span id="a"></span><br>
                        厂家：<span id="b"></span><br>
                        类别：<span id="d"></span>
                        库存数量：<span id="e"></span><br>
                        建议采购价：<span id="f"></span><br>
                        建议销售价：<input type="text" name="newPrice" id="g">
                        <input type="button" onclick="updatePrice()" value="修改">
                    </div>
                </div>
            </form>
        </div>

    </div>
</div>
</body>
</html>